<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport"
          content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <title>未登录</title>
    <link rel="stylesheet" href="css/amazeui.css"/>
    <link rel="stylesheet" href="css/animate.min.css">
    <link rel="stylesheet" href="css/style.css"/>

    <style>
        .box{width:760px;height:400px;border:15px solid #000;margin:100px auto;background:#fff;box-shadow:0px 0px 50px #fff;border-radius:15px;display:none;z-index:3;}
        .btn{width:80px;height:30px;border:1px solid #39b2e2;display:block;margin:50px auto;text-align:center;line-height:30px;border-radius:12px;color:#000;
            text-decoration:none;
        }
        .btn:hover{background:#39b2e2;color:#fff;}
        .gray{width:100%;height:100%;background:#000;position:absolute;left:0;top:0;display:none;z-index:1;}
    </style>
</head>
<body>
<header class="am-topbar header">
<div class="am-container-1">
        <div class="left sh-logo">
            <a href="index.html">
                <!--<img class=" logo" src="img/u1.png"/>-->
                <img class="word" src="img/hw-word.png"/></a>
        </div>

        <!--Unnamed (矩形) <p><span>&nbsp;&nbsp; &nbsp;&nbsp; 搜索发型师/发型</span></p>-->

        <!--todo-->
        <!--<div id="u21" class="flow_shape">-->
          <!--<div id="u21_div" class=""></div>-->
            <!--<div id="u21_text" class="text ">-->
                <!--<input id="seachforbaber" type="text" placeholder="&nbsp;&nbsp; &nbsp;&nbsp; 搜索发型师/发型" />-->
            <!--</div>-->
        <!--</div>-->
        <!-- Unnamed (矩形) -->
    <!--todo-->
        <!--<div id="u52" class="_default button">-->
            <!--<div id="u52_div" class=""></div>-->
            <!--<div id="u52_text" class="text ">-->
                <!--<p><span>&nbsp;&nbsp;&nbsp; 分类</span></p>-->
            <!--</div>-->
        <!--</div>-->

        <!-- Unnamed (图片) -->
        <!--<div id="u53" class="_default image">-->
            <!--<img id="u53_img" class="img " src="images/index-___/u53.png"/>-->
        <!--</div>-->
        <!-- Unnamed (矩形) -->
        <!--<div id="u36" class="_default button">-->
            <!--<div id="u36_div" class=""></div>-->
            <!--<div id="u36_text" class="text ">-->
                <!--<p style="font-size:13px;"><span style="font-family:'Arial Negreta', 'Arial Normal', 'Arial';font-weight:700;font-size:18px;color:#FFFFFF;">🔍</span><span style="font-family:'Arial Normal', 'Arial';font-weight:400;">&nbsp;&nbsp; </span></p>-->
            <!--</div>-->
        <!--</div>-->
        <!-- Unnamed (矩形) -->
        <!--<div id="u89" class="_default link_button">-->
          <!--<div id="u89_div" class=""></div>-->
            <!--<div id="u89_text" class="text ">-->
                <!--&lt;!&ndash;<p><span><a href="#"> 登录</a></span></p>&ndash;&gt;-->
                <!--<a href="#" class="btn">登录</a>-->
            <!--</div>-->
        <!--</div>-->

        <!-- Unnamed (垂直线) -->
        <!--<div id="u90" class="_default line">-->
            <!--<img id="u90_img" class="img " src="images/index-___/u90.png"/>-->
        <!--</div>-->

        <!-- Unnamed (矩形) -->
        <!--<div id="u91" class="_default link_button">-->
            <!--<div id="u91_div" class=""></div>-->
            <!--<div id="u91_text" class="text ">-->
                <!--&lt;!&ndash;<p><span>注册</span></p>&ndash;&gt;-->
                <!--<a href="#" class="btn">注册</a>-->
            <!--</div>-->
        <!--</div>-->


    </div>

</header>
<!--<div class="box">-->


<!--</div>-->
<script type="text/javascript" src="js/jquery-1.11.1.min.js"></script>
    <script src="js/jquery.form.js"></script>
<script type="text/javascript" src="js/jQuery-Util.js"></script>
<script type="text/javascript">
    $(function () {
        $(".btn").click(function (event) {
            // console.log($(event.target).text());
            event.preventDefault();
            if($(event.target).text().trim()==="登录") {

                //   $("#u92").removeClass('default_hidden');
                $("#u92").show().css("visibility", "visible");
                $(".registerform").show().css("visibility","hidden");
                $(".loginform").show().css("visibility","visible");
                $(".gray").show().css("opacity", "0.5");
                // var left=($(window).width()-760)/2;
                // var top=($(window).height()-400)/2;
                // $(".box").addClass("animated bounceIn").show().css({left:left,top:top});
            }else {
                $("#u92").show().css("visibility", "visible");
                $(".registerform").show().css("visibility","visible");
                $(".loginform").show().css("visibility","hidden");
                $(".gray").show().css("opacity", "0.5");
            }
        });
        $("#u101").click(function (event) {
            event.preventDefault();
            $(".registerform").show().css("visibility","visible");
            $(".loginform").show().css("visibility","hidden");
            $("#u101_img").attr("src","images/index-___/u100.png");
            $("#u100_img").attr("src","images/index-___/u101.png");
        });
        $("#u100").click(function () {
            $(".registerform").show().css("visibility","hidden");
            $(".loginform").show().css("visibility","visible");
            $("#u101_img").attr("src","images/index-___/u101.png");
            $("#u100_img").attr("src","images/index-___/u100.png");
        });
        $(".gray").click(function () {
            $("#u92").hide();
            $(".gray").show().css("opacity", "0");

        });
        $("#u93").click(function () {
            $("#u92").hide();
            $(".gray").show().css("opacity", "0");

        });
        //close modal when clicking the esc keyboard button判断是不是按下了ESC
        $(document).keyup(function(event){
            if(event.which==='27'){
                $("#u92").hide();
                $(".gray").show().css("opacity", "0");
            }
        });

        // alert("sakjfd");
        $("#adminlogin").click(function(event) {
            // alert("ddddddddddddd");
            var name = $(".name>input").val();
            var password = $(".password>input").val();
            // alert(name);
            if(name == ""){
                alert("请输入用户名");
                return false;
            }else if(password == ""){
                alert("请输入密码");
                return false;
            }
            var data= {name:name,password:password};
            jQuery.ajax({
                url: 'http://localhost:80/login.action',
                type: 'POST',
                dataType: 'json',
                contentType:'application/json',
                data: JSON.stringify(data),
                complete: function(xhr, textStatus) {
                    // alert("complete");
                },
                success: function(data, textStatus, xhr) {
                    // console.log(JSON.parse(data)[0] );
                    $("#u92").hide();
                    // console.log(data.msg);
                    console.log(data.data.name);
                    window.location.href="solutions.html?name="+name+"&data="+data;
                    // location.href="index.html";
                },
                error: function(xhr, textStatus, errorThrown) {
                    // alert(errorThrown);
                    window.location.href="error-500.html";
                }
            });



        });

        $("#register").click(function(event) {
            // alert("ddddddddddddd");
            var name = $("#name_register").val();
            var password = $("#password_first").val();
            // alert(name);
            if(name === ""){
                alert("请输入用户名");
                return false;
            }else if(password === "" ){
                alert("请输入密码");
                return false;
            }else if(!($("#password_confirm").val()===$("#password_first").val())){
                alert("两次输入的密码不一致！");
                // alert($(".password>input").val());
                return false;
            }
            // console.log($('reg').formSerialize());
            var info=$.Util.serializeJSON($("#reg"));
            // alert(JSON.stringify(info));
            // console.log(JSON.stringify($('#registerform').serializeJSON()));
            jQuery.ajax({
                url: 'http://localhost:80/register.action',
                type: 'POST',
                dataType: 'json',
                contentType:'application/json',
                data: JSON.stringify(info),
                complete: function(xhr, textStatus) {
                    // alert("complete");
                },
                success: function(data, textStatus, xhr) {
                    // console.log(JSON.parse(data)[0] );
                    $("#u92").hide();
                    console.log(data.msg);
                    // console.log(data.msg);
                    window.location.href="solutions.html?data="+data;
                    // location.href="index.html";
                },
                error: function(xhr, textStatus, errorThrown) {
                    // alert(errorThrown);
                }
            });

        });

    });
    function varifyPhone() {
        var srt=$("#phone").val();
        if($.Util.verify("mobile",srt)){
            alert(srt+"是一个正确的手机号码");
        }else {
            alert(srt+"不是一个正确的手机号码");
        }
    }
</script>
<div class="gray"></div>

    <!-- Unnamed (组 合) -->
    <div id="u92" class="default default_hidden" style="display:none; visibility: hidden" data-left="0" data-top="0" data-width="0" data-height="0">

        <!-- Unnamed (矩形) -->
        <div id="u93" class="default box_1">
            <div id="u93_div" class=""></div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u94" class="default flow_shape">
            <div id="u94_div" class="">
                <div id="u98" class="default">
                    <img id="u98_menu" class="img " src="images/index-___/u98_menu.png" alt="u98_menu"/>

                    <!-- Unnamed (表格) -->
                    <div id="u99" class="default">

                        <!-- Unnamed (Menu Item) -->
                        <div id="u100" class="default menu_item">
                            <img id="u100_img" class="img " src="images/index-___/u100.png"/>
                            <div id="u100_text" class="text ">
                                <p><span>登录</span></p>
                            </div>
                        </div>

                        <!-- Unnamed (Menu Item) -->
                        <div id="u101" class="default menu_item">
                            <img id="u101_img" class="img " src="images/index-___/u101.png"/>
                            <div id="u101_text" class="text ">
                                <p><span>注册</span></p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="loginform" >
                    <div class="name">
                        <label for="name">账号：</label><input type="text" name="" id="name" tabindex="1" autocomplete="off" />
                    </div>
                    <div class="password">
                        <label for="password">密  码：</label><input type="password" name="" maxlength="16" id="password" tabindex="2"/>
                    </div>
                    <div class="code">
                        <label for="code">验证码：</label><input type="text" name="" maxlength="4" id="code" tabindex="3"/>
                        <div class="codeImg">
                            <!--<img src="images/captcha.jpeg.jpg" />-->
                        </div>
                    </div>
                    <div class="remember">
                        <label for="remember"></label><input type="checkbox" id="remember" tabindex="4">
                        <label>记住密码</label>
                    </div>
                    <div class="login">
                        <button type="submit" tabindex="5" id="adminlogin">登录</button>
                    </div>
                </div>
                <form action="" id="reg">
                    <div class="registerform" >
                        <div class="name">
                            <label for="name">账号：</label><input type="text" name="name" id="name_register" tabindex="1" autocomplete="off" placeholder="请输入6-10位英文"/>
                        </div>
                        <div class="password">
                            <label for="password_first">密  码：</label><input type="password" name="password" maxlength="16" id="password_first" tabindex="2"/>
                        </div>
                        <div class="password">
                            <label for="password_confirm">确认密码：</label><input type="password" name="" maxlength="16" id="password_confirm" tabindex="3"/>
                            <div class="codeImg">
                                <!--<img src="images/captcha.jpeg.jpg" />-->
                            </div>
                        </div>
                        <div class="remember">
                            <label for="selectSex">性别：</label>
                            <select class="form-control" id="selectSex" name="sex">
                                <option value="0">男</option>
                                <option value="1">女</option>
                            </select>
                        </div>
                        <div class="name">
                            <label for="phone">手机号码:</label><input type="text" id="phone" name="phone" tabindex="6" required="required" /><!--onblur="varifyPhone()"-->
                        </div>
                        <div class="name">
                            <label for="age">年龄:</label><input type="text" id="age" name="age" tabindex="6" required="required"/>
                        </div>
                        <div class="login">
                            <button type="submit" tabindex="7" id="register">注册</button>
                        </div>
                    </div>
                </form>
            </div>
        </div>


        <!--&lt;!&ndash; Unnamed (矩形) &ndash;&gt;-->
        <!--<div id="u95" class="default flow_shape">-->
            <!--<div id="u95_div" class=""></div>-->
            <!--<div id="u95_text" class="text ">-->
                <!--<p><span>&nbsp;&nbsp; &nbsp; 账号</span></p>-->
            <!--</div>-->
        <!--</div>-->

        <!--&lt;!&ndash; Unnamed (矩形) &ndash;&gt;-->
        <!--<div id="u96" class="default flow_shape">-->
            <!--<div id="u96_div" class=""></div>-->
            <!--<div id="u96_text" class="text ">-->
                <!--<p><span>&nbsp;&nbsp;&nbsp; 密码</span></p>-->
            <!--</div>-->
        <!--</div>-->

        <!--&lt;!&ndash; Unnamed (提交按钮) &ndash;&gt;-->
        <!--<div id="u97" class="default html_button">-->
            <!--<input id="u97_input" type="submit" value="Log In"/>-->
        <!--</div>-->

        <!-- Unnamed (菜单) -->

    </div>

    <!-- Unnamed (矩形) -->
    <div id="u102" class="default label">
        <div id="u102_div" class=""></div>
        <div id="u102_text" class="text ">
            <p><span>🗨登录完成预约</span></p>
        </div>
    </div>


<div class="rollpic">
    <div data-am-widget="slider" class="am-slider am-slider-default" data-am-slider='{}' >
        <ul class="am-slides">
            <li><img src="img/hw_bg1.png"/></li>
            <li><img src="img/hw_bg.png"/></li>
            <li><img src="img/hw_bg3.png"/></li>
        </ul>
    </div>
</div>
<div class="am-container-1">
    <div class="solutions part-all">
        <div class="part-title">
            <a href="#">
                <i class="am-icon-lightbulb-o part-title-i"></i>
                <span class="part-title-span">热门理发师</span>
                <p>店长推荐</p>
            </a>
        </div>
        <ul class="am-g part-content solutions-content">
            <li class="am-u-sm-6 am-u-md-3 am-u-lg-3">
                <i class="am-icon-opera solution-circle"></i>
                <span class="solutions-title">首席理发师：刘xx</span>
                <p class="solutions-way">韩版风格第一选择潮流时尚杰作演绎之最</p>
            </li>
            <li class="am-u-sm-6 am-u-md-3 am-u-lg-3">
                <i class="am-icon-magic solution-circle"></i>
                <span class="solutions-title">时尚总监：云xx</span>
                <p class="solutions-way">定制个性专属发型给你无与伦比的美丽</p>
            </li>
            <li class="am-u-sm-6 am-u-md-3 am-u-lg-3">
                <i class="am-icon-eye solution-circle"></i>
                <span class="solutions-title">烫染总设计师：林xx</span>
                <p class="solutions-way">懒人福音轻松造型自信每一天</p>
            </li>
            <li class="am-u-sm-6 am-u-md-3 am-u-lg-3">
                <i class="am-icon-crosshairs solution-circle"></i>
                <span class="solutions-title">美发顾问：傅xx</span>
                <p class="solutions-way">呵护你的头发给你最健康的美丽</p>
            </li>

        </ul>

    </div>
</div>
<div class="gray-li">
    <div class="customer-case part-all ">
        <div class="part-title">
            <a href="customer-case.html">
                <i class=" am-icon-briefcase part-title-i"></i>
                <span class="part-title-span">精选套餐</span>
                <p>Customer Case</p>
            </a>
        </div>


        <ul data-am-widget="gallery" class=" am-avg-sm-1
  am-avg-md-4 am-avg-lg-4 am-gallery-bordered customer-case-content" >
            <li class="case-li am-u-sm-6 am-u-md-6 am-u-lg-3">
                <div class="am-gallery-item case-img1">
                    <a href="#" >
                        <img src="img/app1.png"  />

                    </a>
                </div>
                <div class="case-li-mengban">
                    <div class=" case-word">
                        <h3 class="am-gallery-title">资深设计师洗吹造型美发套餐</h3>
                        <p>￥48</p>
                        <a><span><i class="am-icon-eye"></i>立刻预约</span></a>
                    </div>
                </div>
            </li>
            <li class="case-li am-u-sm-6 am-u-md-6 am-u-lg-3">
                <div class="am-gallery-item case-img1">
                    <a href="#" >
                        <img src="img/app2.png"  />
                    </a>
                </div>
                <div class="case-li-mengban">
                    <div class=" case-word">
                        <h3 class="am-gallery-title">【学生特惠】资深洗剪吹美发套餐</h3>
                        <p>￥35</p>
                        <a><span><i class="am-icon-eye"></i>立刻预约</span></a>
                    </div>
                </div>
            </li>
            <li class="case-li am-u-sm-6 am-u-md-6 am-u-lg-3">
                <div class="am-gallery-item case-img1">
                    <a href="#" >
                        <img src="img/app3.png"  />
                    </a>
                </div>
                <div class="case-li-mengban">
                    <div class=" case-word">
                        <h3 class="am-gallery-title">技术总监洗剪吹理发套餐</h3>
                        <p>￥68</p>
                        <a><span><i class="am-icon-eye"></i>立刻预约</span></a>
                    </div>
                </div>
            </li>
            <li class="case-li am-u-sm-6 am-u-md-6 am-u-lg-3">
                <div class="am-gallery-item case-img1">
                    <a href="#" >
                        <img src="img/app4.png"  />
                    </a>
                </div>
                <div class="case-li-mengban">
                    <div class=" case-word">
                        <h3 class="am-gallery-title">Karen圣诞钜惠直发套餐</h3>
                        <p>￥398</p>
                        <a><span><i class="am-icon-eye"></i>心动了！</span></a>
                    </div>
                </div>
            </li>
            <li class="case-li am-u-sm-6 am-u-md-6 am-u-lg-3">
                <div class="am-gallery-item case-img1">
                    <a href="#" >
                        <img src="img/app5.png"  />
                    </a>
                </div>
                <div class="case-li-mengban">
                    <div class=" case-word">
                        <h3 class="am-gallery-title">欧莱雅染发烫发/直发一条龙套餐</h3>
                        <p>￥288</p>
                        <a><span><i class="am-icon-eye"></i>马上预约！</span></a>
                    </div>
                </div>
            </li>
            <li class="case-li am-u-sm-6 am-u-md-6 am-u-lg-3">
                <div class="am-gallery-item case-img1">
                    <a href="#" >
                        <img src="img/app6.png"  />
                    </a>
                </div>
                <div class="case-li-mengban">
                    <div class=" case-word">
                        <h3 class="am-gallery-title">会员周末五折惊喜套餐</h3>
                        <p>￥96</p>
                        <a><span><i class="am-icon-eye">会员专享！</i></span></a>
                    </div>
                </div>
            </li>
            <li class="case-li am-u-sm-6 am-u-md-6 am-u-lg-3">
                <div class="am-gallery-item case-img1">
                    <a href="#" >
                        <img src="img/app7.png"  />
                    </a>
                </div>
                <div class="case-li-mengban">
                    <div class=" case-word">
                        <h3 class="am-gallery-title">SEBASTIAN造型定制！</h3>
                        <p>￥96</p>
                        <a><span><i class="am-icon-eye"></i>立刻预约！</span></a>
                    </div>
                </div>
            </li>
            <li class="case-li am-u-sm-6 am-u-md-6 am-u-lg-3">
                <div class="am-gallery-item case-img1">
                    <a href="#" >
                        <img src="img/app8.png"  />
                    </a>
                </div>
                <div class="case-li-mengban">
                    <div class=" case-word">
                            <h3 class="am-gallery-title">泰式水疗护发按摩定制！</h3>
                        <p>￥58</p>
                        <a><span><i class="am-icon-eye"></i>马上预约！</span></a>
                    </div>
                </div>
            </li>

        </ul>
        <div class="lan-bott">
            <div class="left"><span>精心定制，优惠多多。思恒竭诚为您服务!</span>
                <p>You can design your own combo in the way you like.</p>
            </div>
            <div class="right">
                <a href="customer-case.html">
                    <span class="see-more">查看更多<i class="am-icon-angle-double-right"></i></span>
                </a>
            </div>
            <div class="clear"></div>
        </div>
        <div class="part-title">

        </div>
    </div>
</div>






<div class=" news-all">
    <div class="am-container-1">
        <div class="news part-all">
            <div class="part-title">
                <a href="news.html">
                    <i class="am-icon-newspaper-o part-title-i"></i>
                    <span class="part-title-span">魔发学院</span>
                    <p>How do you know about your hair ?</p>
                </a>
            </div>
            <div class="news-content ">
                <ul class="news-content-ul">
                    <li class="am-u-sm-12 am-u-md-6 am-u-lg-6">
                        <a href="#">
                            <div class=" am-u-sm-12 am-u-md-12 am-u-lg-5">
                                <div class="news-img">
                                    <img src="img/news.png"/>
                                </div>
                            </div>
                            <div  class=" am-u-sm-12 am-u-md-12 am-u-lg-7">
                                <span class="news-right-title">男生发带发型应该怎么搭？清爽干净打造完美时尚</span>
                                <p class="news-right-time">2018-12-12</p>
                                <p class="news-right-words">男生们除了在选择什么样的时尚发型之外，还能为自己增加一款发带作为装饰，不管你是时尚型男，还是阳光男神，搭配上一款发带都能让你呈现出不一样的时尚魅力，男生发带发型到底应该怎么搭...</p>
                                <a><span class="see-more2">查看更多<i class="am-icon-angle-double-right"></i></span></a>
                            </div>
                            <div class="clear"></div>
                        </a>
                    </li>
                    <li class="am-u-sm-12 am-u-md-6 am-u-lg-6">
                        <a href="#">
                            <div class=" am-u-sm-12 am-u-md-12 am-u-lg-5">
                                <div class="news-img">
                                    <img src="img/news1.png"/>
                                </div>
                            </div>
                            <div  class=" am-u-sm-12 am-u-md-12 am-u-lg-7">
                                <span class="news-right-title">精选女学生发型 分分钟走在时尚前端</span>
                                <p class="news-right-time">2018-12-12</p>
                                <p class="news-right-words">清纯校园女生发型，在即将来临的冬季也会温暖寒冷的气流，一款款聚焦时尚气息的发型，搭配这各种刘海发型，让清纯校园女生看起来更加的靓丽多彩...</p>
                                <a><span class="see-more2">查看更多<i class="am-icon-angle-double-right"></i></span></a>
                            </div>
                            <div class="clear"></div>
                        </a>
                    </li>
                    <div class="clear"></div>
                </ul>
                <div class="clear"></div>
            </div>
        </div>
    </div>
</div>

<div class="part-all gray-li">
    <div class="customer  am-container-1">
        <div class="part-title">
            <i class="am-icon-users part-title-i"></i>
            <span class="part-title-span">店内理发师</span>
            <p>welcome to H&S</p>
        </div>

        <div class="am-slider am-slider-default am-slider-carousel part-all" data-am-flexslider="{itemWidth:150, itemMargin: 5, slideshow: false}" style="  background-color: #f0eeed; box-shadow:none;">
            <ul class="am-slides">
                <li><img src="img/ptn4.png"/></li>
                <li><img src="img/ptn5.png"/></li>
                <li><img src="img/ptn6.png"/></li>
                <li><img src="img/ptn7.png"/></li>
                <li><img src="img/ptn8.png"/></li>
                <li><img src="img/ptn4.png"/></li>
                <li><img src="img/ptn5.png"/></li>
                <li><img src="img/ptn6.png"/></li>
                <li><img src="img/ptn7.png"/></li>
                <li><img src="img/ptn8.png"/></li>
            </ul>
        </div>

    </div>
</div>

<footer class="footer ">

    <ul>

        <li class="am-u-lg-4 am-u-md-4 am-u-sm-12 part-5-li2">
            <div class="part-5-title">联系我们</div>
            <div class="part-5-words2">
                <span>Copyright ©2018 专业综合设计</span>
                <span>店家联系电话：xxxxx</span>
                <span>author by Mr.huang</span>
                <span>邮箱:support@siheng.site</span>
                <span><i class="am-icon-phone"></i><em >027-520520</em></span>
            </div>
        </li>
        <li class="am-u-lg-4 am-u-md-4 am-u-sm-12 ">
            <div class="part-5-title">相关链接</div>
            <div class="part-5-words2">
                <ul class="part-5-words2-ul">
                    <li class="am-u-lg-4 am-u-md-6 am-u-sm-4"><a href="solutions.html">个人中心</a></li>
                    <li class="am-u-lg-4 am-u-md-6 am-u-sm-4"><a href="product-show.html">订单服务</a></li>
                    <li class="am-u-lg-4 am-u-md-6 am-u-sm-4"><a href="customer-case.html">套餐服务</a></li>
                    <li class="am-u-lg-4 am-u-md-6 am-u-sm-4"><a href="service-center.html">服务中心</a></li>
                    <li class="am-u-lg-4 am-u-md-6 am-u-sm-4"><a href="about-us.html">关于我们</a></li>
                    <li class="am-u-lg-4 am-u-md-6 am-u-sm-4"><a href="recruit.html">招贤纳士</a></li>
                    <div class="clear"></div>
                </ul>
            </div>
        </li>
        <div class="clear"></div>
    </ul>

</footer>

<script src="js/amazeui.min.js"></script>
<script src="js/scroll.js"></script>
<!--<script src="js/login.js"></script>-->
</body>
</html>